<template>
  <div>
    <div class="articaldetail">
      <div class="header">
        <div class="left">
          <van-icon name="arrow-left back" @click="$router.back()" />
          <span class="iconfont iconnew new"></span>
        </div>
        <span>关注</span>
      </div>
      <div class="detail">
        <div class="title">标题</div>
        <div class="desc">
          <span>火星人</span> &nbsp;&nbsp;
          <span>2019-9-9</span>
        </div>
        <div class="content">文章的内容：</div>
        <div class="opt">
          <span class="like"> <van-icon name="good-job-o" />点赞 </span>
          <span class="chat"> <van-icon name="chat" class="w" />微信 </span>
        </div>
      </div>
      <!-- 精彩跟帖 -->
      <div class="keeps">
        <h2>精彩跟帖</h2>
        <div class="item">
          <div class="head">
            <img src="" alt />
            <div>
              <p>火星网友</p>
              <span>2小时前</span>
            </div>
            <span>回复</span>
          </div>
          <div class="text">文章说得很有道理</div>
        </div>
        <div class="more">更多跟帖</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>